<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" isELIgnored="false"%>

<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<!DOCTYPE html>
<html>

<head>
    <!-- 页面meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">




    <title>数据 - AdminLTE2定制版</title>
    <meta name="description" content="AdminLTE2定制版">
    <meta name="keywords" content="AdminLTE2定制版">




    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
    <!-- Bootstrap 3.3.6 -->
    <!-- Font Awesome -->
    <!-- Ionicons -->
    <!-- iCheck -->
    <!-- Morris chart -->
    <!-- jvectormap -->
    <!-- Date Picker -->
    <!-- Daterange picker -->
    <!-- Bootstrap time Picker -->
    <!--<link rel="stylesheet" href="../../../plugins/timepicker/bootstrap-timepicker.min.css">-->
    <!-- bootstrap wysihtml5 - text editor -->
    <!--数据表格-->
    <!-- 表格树 -->
    <!-- select2 -->
    <!-- Bootstrap Color Picker -->
    <!-- bootstrap wysihtml5 - text editor -->
    <!--bootstrap-markdown-->
    <!-- Theme style -->
    <!-- AdminLTE Skins. Choose a skin from the css/skins
       folder instead of downloading all of them to reduce the load. -->
    <!-- Ion Slider -->
    <!-- ion slider Nice -->
    <!-- bootstrap slider -->
    <!-- bootstrap-datetimepicker -->

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->








    <!-- jQuery 2.2.3 -->
    <!-- jQuery UI 1.11.4 -->
    <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
    <!-- Bootstrap 3.3.6 -->
    <!-- Morris.js charts -->
    <!-- Sparkline -->
    <!-- jvectormap -->
    <!-- jQuery Knob Chart -->
    <!-- daterangepicker -->
    <!-- datepicker -->
    <!-- Bootstrap WYSIHTML5 -->
    <!-- Slimscroll -->
    <!-- FastClick -->
    <!-- iCheck -->
    <!-- AdminLTE App -->
    <!-- 表格树 -->
    <!-- select2 -->
    <!-- bootstrap color picker -->
    <!-- bootstrap time picker -->
    <!--<script src="../../../plugins/timepicker/bootstrap-timepicker.min.js"></script>-->
    <!-- Bootstrap WYSIHTML5 -->
    <!--bootstrap-markdown-->
    <!-- CK Editor -->
    <!-- InputMask -->
    <!-- DataTables -->
    <!-- ChartJS 1.0.1 -->
    <!-- FLOT CHARTS -->
    <!-- FLOT RESIZE PLUGIN - allows the chart to redraw when the window is resized -->
    <!-- FLOT PIE PLUGIN - also used to draw donut charts -->
    <!-- FLOT CATEGORIES PLUGIN - Used to draw bar charts -->
    <!-- jQuery Knob -->
    <!-- Sparkline -->
    <!-- Morris.js charts -->
    <!-- Ion Slider -->
    <!-- Bootstrap slider -->
    <!-- bootstrap-datetimepicker -->
    <!-- 页面meta /-->

    <link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../plugins/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../plugins/ionicons/css/ionicons.min.css">
    <link rel="stylesheet" href="../plugins/iCheck/square/blue.css">
    <link rel="stylesheet" href="../plugins/morris/morris.css">
    <link rel="stylesheet" href="../plugins/jvectormap/jquery-jvectormap-1.2.2.css">
    <link rel="stylesheet" href="../plugins/datepicker/datepicker3.css">
    <link rel="stylesheet" href="../plugins/daterangepicker/daterangepicker.css">
    <link rel="stylesheet" href="../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
    <link rel="stylesheet" href="../plugins/datatables/dataTables.bootstrap.css">
    <link rel="stylesheet" href="../plugins/treeTable/jquery.treetable.css">
    <link rel="stylesheet" href="../plugins/treeTable/jquery.treetable.theme.default.css">
    <link rel="stylesheet" href="../plugins/select2/select2.css">
    <link rel="stylesheet" href="../plugins/colorpicker/bootstrap-colorpicker.min.css">
    <link rel="stylesheet" href="../plugins/bootstrap-markdown/css/bootstrap-markdown.min.css">
    <link rel="stylesheet" href="../plugins/adminLTE/css/AdminLTE.css">
    <link rel="stylesheet" href="../plugins/adminLTE/css/skins/_all-skins.min.css">
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../plugins/ionslider/ion.rangeSlider.css">
    <link rel="stylesheet" href="../plugins/ionslider/ion.rangeSlider.skinNice.css">
    <link rel="stylesheet" href="../plugins/bootstrap-slider/slider.css">
    <link rel="stylesheet" href="../plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.css">
</head>

<body class="hold-transition skin-purple sidebar-mini">

<div class="wrapper">

    <!-- 页面头部 -->
    <jsp:include page="header.jsp"></jsp:include>
    <!-- 页面头部 /-->

    <!-- 导航侧栏 -->
    <jsp:include page="aside.jsp"></jsp:include>
    <!-- 导航侧栏 /-->

    <!-- 内容区域 -->
    <!-- @@master = admin-layout.html-->
    <!-- @@block = content -->

    <div class="content-wrapper">

        <!-- 内容头部 -->
        <section class="content-header">
            <h1>
                即将过期食品显示
                <small>销毁货物等</small>
            </h1>
            
        </section>
        <!-- 内容头部 /-->

        <!-- 正文区域 -->
        <section class="content">

            <div class="box box-primary">
                <div class="box-header with-border">
                    <h3 class="box-title">列表</h3>
                </div>

                <div class="box-body">

                    <!-- 数据表格 -->
                    <div class="table-box">

                        <!--工具栏-->
                        <div class="pull-left">
                            <div class="form-group form-inline">
                                <div class="btn-group">
                                    <%--
                                                                        <button type="button" class="btn btn-default" title="新建" onclick='location.href="${pageContext.request.contextPath}/pages/goods_newOrder.jsp"'><i class="fa fa-file-o"></i> 新建</button>
                                    --%>
                                    <%--   <button type="button" class="btn btn-default" title="删除" onclick='confirm("你确认要删除吗？")'><i class="fa fa-trash-o"></i> 删除</button>--%>
                                    <button type="button" class="btn btn-default" title="刷新" onclick="window.location.reload();"><i class="fa fa-refresh"></i> 刷新</button>
                                </div>
                            </div>
                        </div>
                        <form role="form" action="${pageContext.request.contextPath}/goods/FindExpiredDateGoods.do?page=1&size=4" method="get" accept-charset="utf-8">
                            <div class="box-tools pull-right">
                                <div class="has-feedback">
                                    <label>即将过期：</label>
                                    <input type="text" name="num" class="form-control input-sm" placeholder="请输入还要多少天你过期：">
                                    <span class="glyphicon glyphicon-search form-control-feedback"></span>
                                    <button style="margin-top: 20px" type="submit" class="btn btn-primary">
                                        查询
                                    </button>
                                </div>
                            </div>
                        </form>
                        <!--工具栏/-->

                        <!--数据列表-->
                        <table id="dataList" class="table table-bordered table-striped table-hover dataTable">
                            <thead>
                            <tr>
                                <th class="" style="padding-right:0px;">
                                    <input id="selall" type="checkbox" class="icheckbox_square-blue">
                                </th>
                                <%--<th class="sorting_asc">ID</th>--%>
                                <th  class="sorting">货物名称</th>
                                <th  class="sorting">详情（备注）</th>
                                <th  class="sorting">数量（kg）</th>
                                <th  class="sorting">生产日期</th>
                                <th  class="sorting">保质期（天）</th>
                                <th  class="sorting">进货价格</th>
                                <th  class="sorting">出货价格</th>


                                <th class="text-center">操作</th>
                            </tr>
                            </thead>
                            <tbody>

                            <c:forEach items="${list_gd.list}" var="findlist">

                                <tr>
                                    <td><input name="ids" type="checkbox"></td>

                                    <td>${findlist.name}</td>
                                    <td>${findlist.details}</td>
                                    <td>${findlist.quantity}</td>
                                    <td><fmt:formatDate value="${findlist.production_Date}" pattern="dd/MM/yyyy"/> </td>
                                    <td>${findlist.shelf_life}</td>
                                    <td>${findlist.purchase_price}</td>
                                    <td>${findlist.shipping_price}</td>

                                    <td class="text-center">
                                        <%--<button type="button" class="btn bg-olive btn-xs"
                                                onclick='location.href="${pageContext.request.contextPath}/pages/goodsdetails_change.jsp?name=${findlist.name}&details=${findlist.details}&Quantity=${findlist.quantity}&Production_Date=<fmt:formatDate value="${findlist.production_Date}" pattern="dd/MM/yyyy"/>&Shelf_life=${findlist.shelf_life}&Purchase_price=${findlist.purchase_price}&Shipping_price=${findlist.shipping_price}"'>
                                            修改信息
                                        </button>--%>
                                        <button type="button" class="btn bg-olive btn-xs"
                                                onclick='
                                                        if (confirm("你确认要销毁吗？") ){location.href= "${pageContext.request.contextPath}/goods/delGoodsDetailsBydetails.do?details=${findlist.details}"}
                                                        else {
                                                        alert("取消成功")
                                                        }
                                                        '>
                                            销毁货物
                                        </button>
                                        <%--<div class="tab-pane" id="tab-model">
                                            <button type="button" class="btn bg-olive btn-xs" data-toggle="modal" data-target="#myModal">
                                                本批次出库数量
                                            </button>

                                            <div id="myModal" class="modal modal-primary" role="dialog">
                                                <div class="modal-dialog modal-lg">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                                &lt;%&ndash;<button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                                    <span aria-hidden="true">&times;</span>
                                                                </button>&ndash;%&gt;
                                                            <h4 class="modal-title">本批次货物出货：</h4>
                                                        </div>
                                                        <div class="modal-body">


                                                            <div class="box-body">
                                                                <div class="form-horizontal">

                                                                    <div class="form-group">
                                                                        <label for="num" class="col-sm-2 control-label">数量:</label>
                                                                        <div class="col-sm-5">
                                                                            <div class="input-group">
                                                                                <form role="form" method="get" action="${pageContext.request.contextPath}/goods/findExpiredGoods.do?details=${findlist.details}">
                                                                                    <input  style="display:none" readonly name="details" value="${findlist.details}">
                                                                                    <span class="input-group-addon">输入减少数量：</span>
                                                                                    <input id="num" name="num" type="text" value="" class="form-control" placeholder="输入正整数的数量...">

                                                                                    <button type="button" class="btn btn-outline" &lt;%&ndash;data-dismiss="modal"&ndash;%&gt;>取消</button>
                                                                                    <button type="submit" class="btn btn-outline" &lt;%&ndash;data-dismiss="modal"&ndash;%&gt; &lt;%&ndash;onclick='location.href="${pageContext.request.contextPath}/goods/findExpiredGoods.do?details=${findlist.details}&num"'&ndash;%&gt;>确认</button>
                                                                                </form>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                                &lt;%&ndash; <div class="modal-footer">
                                                                     <button type="button" class="btn btn-outline" data-dismiss="modal">取消</button>
                                                                     <button type="submit" class="btn btn-outline" data-dismiss="modal" &lt;%&ndash;onclick='location.href="${pageContext.request.contextPath}/goods/findExpiredGoods.do?details=${findlist.details}"'&ndash;%&gt;>确认</button>
                                                                 </div>&ndash;%&gt;






                                                        </div>

                                                    </div>
                                                    <!-- /.modal-content -->
                                                </div>

                                                <!-- /.modal-dialog -->
                                            </div>--%>


                                            <!-- /.modal -->
                                        </div>

                                    </td>
                                </tr>
                            </c:forEach>

                            </tbody>


                        </table>
                        <!--分页-->
                        <div class="box-footer">
                            <div class="pull-left">
                                <div class="form-group form-inline">
                                    当前是第${list_gd.pageNum}页,共${list_gd.pages}页，
                                    每页
                                    <select class="form-control" id="changePageSize" onchange="changePageSize()">
                                        <option>点击选择</option>
                                        <option>3</option>
                                        <option>4</option>
                                        <option>5</option>
                                        <option>10</option>
                                    </select> 条
                                </div>
                            </div>

                            <div class="box-tools pull-right">
                                <ul class="pagination">
                                    <li>
                                        <a href="${pageContext.request.contextPath}/goods/findExpiredGoods.do?page=1&size=${list_gd.pageSize}" aria-label="Previous">首页</a>
                                    </li>
                                    <li><a href="${pageContext.request.contextPath}/goods/findExpiredGoods.do?page=${list_gd.pageNum-1}&size=${list_gd.pageSize}">上一页</a></li>
                                    <c:forEach begin="1" end="${list_gd.pages}" var="pageNum">
                                        <li><a href="${pageContext.request.contextPath}/goods/findExpiredGoods.do?page=${pageNum}&size=${list_gd.pageSize}">${pageNum}</a></li>
                                    </c:forEach>
                                    <li><a href="${pageContext.request.contextPath}/goods/findExpiredGoods.do?page=${list_gd.pageNum+1}&size=${list_gd.pageSize}">下一页</a></li>
                                    <li>
                                        <a href="${pageContext.request.contextPath}/goods/findExpiredGoods.do?page=${list_gd.pages}&size=${list_gd.pageSize}" aria-label="Next">尾页</a>
                                    </li>
                                </ul>
                            </div>

                        </div>


                    </div>
                    <!-- 数据表格 /-->


                </div>
                <!-- /.box-body -->

                <!-- .box-footer-->

                <!-- /.box-footer-->


            </div>

        </section>
        <!-- 正文区域 /-->

    </div>
    <!-- @@close -->
    <!-- 内容区域 /-->

    <!-- 底部导航 -->
    <jsp:include page="footer.jsp"></jsp:include>
    <!-- 底部导航 /-->

</div>


<script src="../plugins/jQuery/jquery-2.2.3.min.js"></script>
<script src="../plugins/jQueryUI/jquery-ui.min.js"></script>
<script>
    $.widget.bridge('uibutton', $.ui.button);
</script>
<script src="../plugins/bootstrap/js/bootstrap.min.js"></script>
<script src="../plugins/raphael/raphael-min.js"></script>
<script src="../plugins/morris/morris.min.js"></script>
<script src="../plugins/sparkline/jquery.sparkline.min.js"></script>
<script src="../plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
<script src="../plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
<script src="../plugins/knob/jquery.knob.js"></script>
<script src="../plugins/daterangepicker/moment.min.js"></script>
<script src="../plugins/daterangepicker/daterangepicker.js"></script>
<script src="../plugins/daterangepicker/daterangepicker.zh-CN.js"></script>
<script src="../plugins/datepicker/bootstrap-datepicker.js"></script>
<script src="../plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>
<script src="../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
<script src="../plugins/slimScroll/jquery.slimscroll.min.js"></script>
<script src="../plugins/fastclick/fastclick.js"></script>
<script src="../plugins/iCheck/icheck.min.js"></script>
<script src="../plugins/adminLTE/js/app.min.js"></script>
<script src="../plugins/treeTable/jquery.treetable.js"></script>
<script src="../plugins/select2/select2.full.min.js"></script>
<script src="../plugins/colorpicker/bootstrap-colorpicker.min.js"></script>
<script src="../plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.zh-CN.js"></script>
<script src="../plugins/bootstrap-markdown/js/bootstrap-markdown.js"></script>
<script src="../plugins/bootstrap-markdown/locale/bootstrap-markdown.zh.js"></script>
<script src="../plugins/bootstrap-markdown/js/markdown.js"></script>
<script src="../plugins/bootstrap-markdown/js/to-markdown.js"></script>
<script src="../plugins/ckeditor/ckeditor.js"></script>
<script src="../plugins/input-mask/jquery.inputmask.js"></script>
<script src="../plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
<script src="../plugins/input-mask/jquery.inputmask.extensions.js"></script>
<script src="../plugins/datatables/jquery.dataTables.min.js"></script>
<script src="../plugins/datatables/dataTables.bootstrap.min.js"></script>
<script src="../plugins/chartjs/Chart.min.js"></script>
<script src="../plugins/flot/jquery.flot.min.js"></script>
<script src="../plugins/flot/jquery.flot.resize.min.js"></script>
<script src="../plugins/flot/jquery.flot.pie.min.js"></script>
<script src="../plugins/flot/jquery.flot.categories.min.js"></script>
<script src="../plugins/ionslider/ion.rangeSlider.min.js"></script>
<script src="../plugins/bootstrap-slider/bootstrap-slider.js"></script>
<script src="../plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.js"></script>
<script src="../plugins/bootstrap-datetimepicker/locales/bootstrap-datetimepicker.zh-CN.js"></script>
<script>
    /*改变分页时候每页数量*/
    function changePageSize() {
        //获取下拉框的值
        var pageSize = $("#changePageSize").val();

        //向服务器发送请求，改变没页显示条数
        location.href = "${pageContext.request.contextPath}/goods/findExpiredGoods.do?page=1&size="
            + pageSize;
    }

    $(document).ready(function() {
        // 选择框
        $(".select2").select2();

        // WYSIHTML5编辑器
        $(".textarea").wysihtml5({
            locale: 'zh-CN'
        });
    });


    // 设置激活菜单
    function setSidebarActive(tagUri) {
        var liObj = $("#" + tagUri);
        if (liObj.length > 0) {
            liObj.parent().parent().addClass("active");
            liObj.addClass("active");
        }
    }


    $(document).ready(function() {
        setSidebarActive("admin-blank");
    });
</script>
</body>

</html>